<template>
    <div class="managementSetting">
      <div class="headnavigation">
        <el-breadcrumb separator="/">
          <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
          <el-breadcrumb-item class="currentPage">智能报告</el-breadcrumb-item>
        </el-breadcrumb>
      </div>
      <main class="content">
        <div class="TAB">
          <div>
            <section class="selectBox">
              <span>报警时间</span>
              <el-date-picker
                type="date"
                placeholder="选择日期">
              </el-date-picker>
            </section>
            <section class="selectBox">
              <span>报警位置</span>
              <el-input placeholder="请输入报警位置关键字" />
            </section>
            <section class="selectBox">
              <span>报警级别</span>
              <el-select v-model="obj_searchData.aaa">
                <el-option label="紧急" value="1"></el-option>
                <el-option label="重要" value="2"></el-option>
                <el-option label="一般" value="3"></el-option>
              </el-select>
            </section>
            <section class="selectBox">
              <span>状态</span>
              <el-select v-model="obj_searchData.aaa">
                <el-option label="已处理" value="1"></el-option>
                <el-option label="未处理" value="2"></el-option>
              </el-select>
            </section>
            <section class="left_button">
              <button>搜索</button>
              <button>重置</button>
            </section>
          </div>
          <div>
            <button>删除</button>
          </div>
        </div>
        <div class="tableMain">
          <el-table
            ref="multipleTable"
            :data="tableData"
            tooltip-effect="dark">
            <el-table-column type="selection" min-width="10%"></el-table-column>
            <el-table-column label="编号" width="60%" type="index"></el-table-column>
            <el-table-column label="报警位置"></el-table-column>
            <el-table-column label="报警时间"></el-table-column>
            <el-table-column label="报警人"></el-table-column>
            <el-table-column label="处理人"></el-table-column>
            <el-table-column label="录入人"></el-table-column>
            <el-table-column label="报警级别"></el-table-column>
            <el-table-column label="状态"></el-table-column>
            <el-table-column label="操作"></el-table-column>
          </el-table>
        </div>
      </main>
    </div>
</template>

<script>
    export default {
        name: "smartReport",
        data() {
            return {
              obj_searchData: {
                aaa: ''
              },
              tableData: []
            }
        },
        created() {
        },
        mounted() {
        },
        methods: {}
    }
</script>

<style lang="scss">
  @import "../../assets/sass/checkingSupervision/checking.scss";
</style>
